/**
 * 自定义hook是一个函数，该函数的名字以use开头，又由于外部要使用它，所以必须要导出
 */
import {useState,useEffect} from 'react'
 const usePosition=(times)=>{
    const [position,setPosition]=useState({x:0,y:0})
    useEffect(()=>{
        let timer=null
        const moveHandle=(e)=>{
            if(timer) return;
            timer=setTimeout(() => {
                setPosition({
                    x:e.clientX,
                    y:e.clientY
                })
                timer=null
            }, times);
        }
        window.addEventListener('mousemove',moveHandle)
        return ()=>window.removeEventListener('mousemove',moveHandle)
    },[])
    return position

}
export default usePosition